'use client';

import { motion, useMotionTemplate, useMotionValue } from 'framer-motion';
import Image from 'next/image';
import Link from 'next/link';
import { Heading } from '@/components/heading';
import { Text } from '@/components/text';

const IntegrationSection = () => {
  const mouseX = useMotionValue(0);
  const mouseY = useMotionValue(0);

  return (
    <section className="relative pt-12 pb-28 md:pb-80 px-6">
      <div className="space-y-12 md:space-y-16">
        <div className="max-w-full text-center space-y-4">
          <Heading
            size="8"
            weight="medium"
            className="text-white/80 text-balance"
          >
            Integrate with any service
          </Heading>
          <div className="sm:px-20 md:max-w-3xl md:mx-auto text-balance">
            <Text size="5" className="opacity-70">
              Convert your React code into HTML or Plain&nbsp;Text and send it
              with any email service provider.
            </Text>
          </div>
        </div>
        <div className="flex flex-wrap items-center justify-center gap-4 sm:gap-6">
          {items.map((item, index) => (
            <Link
              key={index}
              onMouseMove={(e) => {
                const { left, top } = e.currentTarget.getBoundingClientRect();

                mouseX.set(e.clientX - left);
                mouseY.set(e.clientY - top);
              }}
              className="group relative min-w-full max-w-full sm:min-w-[250px] sm:max-w-[250px] md:min-w-[280px] md:max-w-[280px] rounded-3xl bg-slate-4 p-px outline-none focus-visible:ring-slate-7 focus-visible:ring-1"
              href={item.href}
            >
              <motion.div
                className="-inset-px pointer-events-none absolute rounded-3xl opacity-0 transition duration-300 group-hover:opacity-20 [--color:rgb(187,243,254,0.6)]"
                style={{
                  background: useMotionTemplate`radial-gradient(130px circle at ${mouseX}px ${mouseY}px, var(--color), transparent 80%)`,
                }}
              />
              <div className="relative z-[5] h-28 sm:h-32 flex items-center justify-center py-4 rounded-3xl bg-black overflow-hidden">
                <div className="relative mx-auto block w-fit max-sm:scale-90">
                  {item.logo}
                </div>
                <Line />
                <Blur />
              </div>
            </Link>
          ))}
        </div>
      </div>
      <Image
        alt=""
        className="pointer-events-none absolute inset-0 -top-40 z-[3] select-none mix-blend-lighten opacity-60"
        fill
        priority
        src="/static/bg.png"
      />
    </section>
  );
};

const Blur = () => {
  return (
    <div
      aria-hidden="true"
      className="pointer-events-none absolute z-[1] -top-1 left-1/2 h-[200px] w-full max-w-[200px] -translate-x-1/2 -translate-y-1/2 md:max-w-[500px]"
      style={{
        background:
          'conic-gradient(from 90deg at 50% 50%, #00000000 50%, #0a0a0a 50%),radial-gradient(rgba(37, 99, 235, 0.1) 0%, transparent 80%)',
      }}
    />
  );
};

const Line = () => {
  return (
    <div
      aria-hidden
      className="absolute top-0 right-4 h-px w-32 bg-gradient-to-l from-transparent via-cyan-12/30 via-50% to-transparent"
    />
  );
};

const Logos = {
  resend: () => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 377 81" width="120">
      <path
        fill="#fff"
        d="M103.704 22.537c17.023 0 29.411 11.829 28.532 33.327H90.781c1.548 5.975 5.684 11.109 13.963 11.109 4.635 0 8.871-1.279 12.068-5.275h14.306l-.241 1.279C128.4 73.926 115.932 80 104.744 80c-17.743 0-29.65-11.988-29.65-28.691 0-16.704 11.907-28.772 28.61-28.772Zm119.96 0c17.103 0 29.411 11.829 28.612 33.327H210.81c1.529 5.975 5.635 11.109 13.974 11.109 4.635 0 8.871-1.279 11.988-5.275h14.386l-.241 1.279C248.44 73.926 235.972 80 224.784 80c-17.743 0-29.651-11.988-29.651-28.691 0-16.704 11.908-28.772 28.531-28.772Zm-60.978-.32c12.627 0 23.736 4.556 26.933 15.745l.32 1.2h-15.744c-3.357-4.157-7.833-4.717-11.509-4.717-3.437 0-8.871.88-8.871 4.237 0 3.116 3.596 4.155 6.713 4.554l9.111.96c14.465 1.278 20.859 6.953 20.859 18.062 0 12.787-12.707 17.582-25.254 17.582-12.548 0-25.576-5.594-28.053-16.943l-.239-1.199h16.143c2.237 6.392 12.542 5.915 12.149 5.914 6.073 0 9.829-1.838 9.83-4.795 0-1.918-.64-4.156-6.873-4.955l-9.511-.959c-12.548-.879-20.14-7.512-20.14-17.422 0-12.148 11.509-17.263 24.136-17.263Zm214.185 56.184h-15.504l.799-7.752c-2.157 4.636-9.111 9.19-17.822 9.19-14.385 0-26.054-11.028-26.054-28.45 0-17.423 11.509-28.452 26.054-28.452 7.912 0 12.787 2.557 17.103 6.953V0h15.424v78.401ZM48.081 0c15.184 0 24.215 9.03 24.215 21.019 0 11.988-9.03 21.019-24.216 21.02h-7.672L78.53 78.4H51.597L22.587 50.83c-2.079-1.918-3.038-4.156-3.038-6.074 0-2.717 1.918-5.114 5.594-6.153l14.945-3.996c5.674-1.519 9.59-5.915 9.591-11.669 0-7.032-5.754-11.109-12.867-11.109H.128V0H48.08Zm241.677 22.617c13.587 0 23.098 9.91 23.098 24.056V78.4h-15.505v-29.09c0-7.992-4.236-12.788-11.748-12.788-7.513 0-12.388 4.955-12.388 12.787v29.091h-15.184V23.736h15.423l-.718 8.711c2.238-4.395 9.19-9.83 17.022-9.83Zm58.262 13.906c-9.35 0-14.306 6.954-14.306 14.866 0 8.471 5.595 14.945 14.306 14.945 8.391 0 13.826-6.554 13.826-14.945 0-8.392-5.275-14.866-13.826-14.866Zm-244.316-1.598c-7.554 0-11.871 4.512-13.21 10.55h26.148a24.052 24.052 0 0 0-.63-2.239c-1.918-5.434-6.394-8.311-12.308-8.311Zm119.96 0c-7.489 0-11.793 4.512-13.13 10.55h26.148a24.052 24.052 0 0 0-.63-2.239c-1.918-5.434-6.394-8.311-12.388-8.311Z"
      />
    </svg>
  ),
  sendgrid: () => (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 733.7 128.8"
      width="130"
    >
      <path
        className="fill-white"
        d="M127.3 0H42.4v42.4H0v84.9h84.9V84.9h42.4z"
      />
      <path className="fill-white" d="M0 42.4v42.5h42.4v42.4h42.5V42.4z" />
      <path
        className="fill-white"
        d="M151.1 109.7l18.5-14.5c5.2 9 13.5 14.2 23 14.2 10.3 0 15.8-6.7 15.8-14 0-8.7-10.6-11.5-21.9-15-14.2-4.4-30.1-9.9-30.1-30.2 0-17 14.8-30.5 35.3-30.5 17.3 0 27.2 6.5 35.8 15.4l-16.7 12.6c-4.4-6.5-10.6-10-18.9-10-9.4 0-14.5 5.1-14.5 11.8 0 8.1 10.2 10.9 21.5 14.7 14.4 4.7 30.7 11 30.7 31.4 0 16.9-13.4 33.1-36.8 33.1-19.3.1-32.1-8.1-41.7-19zm162.6-55.1h19.8v8.1c4.7-6 11.8-9.6 20.1-9.6 17.1 0 27.5 11 27.5 29.8v44.3h-20.2V85.6c0-9.7-4.5-15.4-13.4-15.4-7.6 0-13.8 5.2-13.8 17.4v39.7h-19.9V54.6zM385.6 91c0-25.7 18.9-37.8 35.3-37.8 9.4 0 16.9 3.5 21.7 8.6V21.2h19.9v106.1h-19.9v-8.1c-4.8 5.7-12.5 9.6-21.9 9.6-15.4 0-35.1-12.3-35.1-37.8zm57.6-.2c0-10.8-7.8-19.5-18.6-19.5-11 0-19.5 8.3-19.5 19.5s8.4 19.6 19.5 19.6c10.7 0 18.6-8.8 18.6-19.6zm24-16.5c0-30.2 22.8-54.5 54.2-54.5 15.7 0 28.9 5.7 38.5 14.7 3.9 3.7 7.2 7.9 9.8 12.5L552 57.8c-6.5-12.1-16.6-18.3-30.4-18.3-19.3 0-34.3 15.8-34.3 34.9 0 19.5 14.7 34.9 35 34.9 15.4 0 26.3-8.7 30.1-22.2h-33.3V67.6h55.1v8.1c0 28.5-20.3 53-51.9 53-33.2.1-55.1-25.1-55.1-54.4zm112-19.7H599v11.9c3.6-7.6 10.2-11.9 20.1-11.9h8L619.8 74h-5.4c-10.6 0-15.3 5.5-15.3 19v34.3h-19.9V54.6zm53 0h19.9v72.7h-19.9V74H625l7.2-19.4zm10-11c6.6 0 11.9-5.3 11.9-11.9 0-6.6-5.3-11.9-11.9-11.9-6.6 0-11.9 5.3-11.9 11.9 0 6.5 5.3 11.9 11.9 11.9zM656.8 91c0-25.7 18.9-37.8 35.3-37.8 9.4 0 16.9 3.5 21.7 8.6V21.2h19.9v106.1h-19.9v-8.1c-4.8 5.7-12.5 9.6-21.9 9.6-15.5 0-35.1-12.3-35.1-37.8zm57.6-.2c0-10.8-7.8-19.5-18.6-19.5-11 0-19.5 8.3-19.5 19.5s8.4 19.6 19.5 19.6c10.7 0 18.6-8.8 18.6-19.6zm-405.4 0c0-20.9-15.3-37.6-37.5-37.6-20.9 0-37.8 16.9-37.8 37.8s15.7 37.8 38.4 37.8c15.7 0 27-7.6 33.3-18.4l-15.8-9.4c-3.3 6.4-9.8 10.4-17.4 10.4-10.5 0-17-5.2-19.3-13.2H309v-7.4zm-55.2-8.7c3.1-6.8 9.4-11.5 17.9-11.5 8.4 0 14.7 3.9 17.3 11.5h-35.2z"
      />
      <path className="fill-white" d="M0 84.9h42.4v42.4H0z" />
      <path className="fill-white" d="M84.9 42.4V0H42.4v84.9h84.9V42.4z" />
      <path className="fill-white" d="M84.9 0h42.4v42.4H84.9z" />
    </svg>
  ),
  ses: () => (
    <svg
      width="70"
      viewBox="0 0 304 182"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M3.99987 124C-0.000109673 121 2.99988 118 5.99987 120C45.7294 142.506 90.0723 155.646 135.649 158.419C181.226 161.191 226.835 153.523 269 136C274 134 279 140 274 144C233.207 171.245 184.48 184.075 135.559 180.451C86.6392 176.827 40.3329 156.958 3.99987 124ZM248 122C266.999 109 297.998 113 301 117C305 122 300 153 283 168C280 170 277 169 278 166C283 156 291 133 287 128C282.999 123 259 125 249 127C245 127 245 124 248 122ZM51.9999 1.00068C63.9997 1.00068 71.9999 4.00082 77.9999 9.00068C82.9998 15.0006 85.9998 23.0009 85.9999 34.0007V66.0007L87.9999 75.0007C87.9999 78.0006 89 80.0009 90.9999 83.0007V85.0007L89.9999 88.0007L82.9999 92.0007L80.9999 93.0007L77.9999 92.0007L73.9999 87.0007L70.9999 81.0007C62.9999 90.0007 52.9999 95.0007 41.9999 95.0007C32.9999 95.0007 25.9999 92.0007 21.9999 87.0007C17 83.0006 13.9999 76.0005 13.9999 68.0007C14 60.0009 17 53.0006 22.9999 48.0007C28.9998 42.0008 37 40.0007 47.9999 40.0007C55.4378 39.96 62.8444 40.97 69.9999 43.0007V36.0007C69.9998 28.0009 67.9998 23.0006 64.9999 20.0007C61.9998 16.001 56.9997 15.0007 48.9999 15.0007L37.9999 16.0007C33.1882 17.2292 28.5012 18.9031 23.9999 21.0007H21.9999C20.9999 21.0006 19.9999 20.0006 19.9999 18.0007V13.0007L20.9999 10.0007C21.0002 9.00084 22.0002 8.00072 23.9999 8.00068L35.9999 3.00068L51.9999 1.00068ZM245 3.00068C251.423 0.79986 258.268 0.115348 265 1.00068C269.053 1.7748 273.059 2.77643 277 4.00068L281 6.00068L284 8.00068L285 12.0007V16.0007C285 19.0007 284 20.0007 283 20.0007L279 18.0007C273 16.0007 267 15.0007 260 15.0007C254 15.0007 249 15.0008 246 17.0007C243 19.0006 242 22.0009 242 26.0007C242 29.0005 243 31.0008 245 33.0007C247 35.0007 250 37.0007 256 39.0007L270 43.0007C277 46.0006 282 49.0008 285 53.0007C288 57.0006 290 62.0008 290 67.0007L287 79.0007L280 87.0007C277 90.0007 273 92.0007 269 93.0007L255 95.0007C245.677 94.9301 236.475 92.8852 228 89.0007L225 86.0007L224 84.0007V79.0007C224 77.001 225 76.0008 226 76.0007H228L231 77.0007C238.206 80.3382 246.059 82.0454 254 82.0007C260 82.0007 265 80.0007 268 78.0007C272 76.0007 273 73.0007 273 69.0007L271 62.0007L261 57.0007L246 52.0007C239 50.0007 233 46.0006 230 42.0007C228.057 39.4551 226.643 36.5464 225.842 33.446C225.04 30.3454 224.867 27.1155 225.333 23.947C225.799 20.7785 226.894 17.7353 228.555 14.9968C230.215 12.2582 232.406 9.87913 235 8.00068L245 3.00068ZM112 5.00068L114 9.00068L131 75.0007L146 9.00068L148 5.00068L152 4.00068H160L164 5.00068L166 9.00068L182 76.0007L199 9.00068L201 5.00068L205 4.00068H214C216 4.00068 217 5.00082 217 6.00068V8.00068L216 10.0007L192 88.0007L190 92.0007L186 93.0007H177L173 92.0007L172 88.0007L156 23.0007L141 87.0007L139 91.0007L135 92.0007H126L122 91.0007L120 88.0007L96.9999 10.0007L95.9999 6.00068L97.9999 4.00068H108L112 5.00068ZM50.9999 52.0007C45 52.0007 39.9998 53.0008 35.9999 56.0007C33 58.0006 31.9999 62.0009 31.9999 67.0007C31.9999 72.0005 33 75.0008 34.9999 78.0007C37.9998 80.0007 41 82.0006 45.9999 82.0007L55.9999 80.0007C59.9999 79.0007 62.9999 76.0007 65.9999 73.0007L68.9999 67.0007L69.9999 58.0007V54.0007C63.7633 52.6136 57.3886 51.9426 50.9999 52.0007Z"
        fill="white"
      />
    </svg>
  ),
  postmark: () => (
    <svg
      width="180"
      viewBox="0 0 490 107"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_1132_10)">
        <g opacity="0.2">
          <path
            d="M35.8701 80.5059C54.7741 80.5059 69.2205 88.4558 79.6904 94.1758C88.8023 99.1186 101.502 102.222 115.559 102.222C134.463 102.222 150.847 96.6958 159.378 88.5518V92.4297C150.847 100.574 134.463 106.099 115.559 106.099C101.502 106.099 88.8023 102.997 79.6895 98.0527C69.2195 92.3327 54.7741 84.3829 35.8691 84.3828C21.8132 84.3828 9.113 87.4857 0 92.4297V88.5518C9.113 83.6078 21.8131 80.5059 35.8701 80.5059ZM35.8701 64.0254C54.7741 64.0254 69.2205 71.9753 79.6904 77.6953C88.8023 82.6392 101.502 85.7412 115.559 85.7412C134.463 85.7412 150.847 80.2153 159.378 72.0713V75.9502C150.847 84.0932 134.463 89.6191 115.559 89.6191C101.502 89.6191 88.8023 86.5161 79.6895 81.5723C69.2195 75.8523 54.7741 67.9034 35.8691 67.9033C21.8132 67.9033 9.113 71.0052 0 75.9492V72.0723C9.113 67.1273 21.8131 64.0254 35.8701 64.0254ZM35.8701 47.543C54.7741 47.543 69.2205 55.4929 79.6904 61.2129C88.8023 66.1567 101.502 69.2587 115.559 69.2588C134.463 69.2588 150.847 63.7329 159.378 55.5889V59.4688C150.847 67.6117 134.463 73.1377 115.559 73.1377C101.502 73.1376 88.8023 70.0357 79.6895 65.0908C69.2195 59.3708 54.7741 51.4219 35.8691 51.4219C21.8132 51.4219 9.11299 54.5238 0 59.4688V55.5898C9.113 50.6459 21.8131 47.543 35.8701 47.543ZM35.8701 31.0645C54.7741 31.0645 69.2205 39.0144 79.6904 44.7334C88.8023 49.6773 101.502 52.7792 115.559 52.7793C134.463 52.7793 150.847 47.2534 159.378 39.1104V42.9883C150.847 51.1313 134.463 56.6582 115.559 56.6582C101.502 56.6581 88.8023 53.5552 79.6895 48.6113C69.2195 42.8913 54.7741 34.9414 35.8691 34.9414C21.8132 34.9414 9.113 38.0443 0 42.9883V39.1104C9.113 34.1664 21.8131 31.0645 35.8701 31.0645Z"
            fill="white"
          />
        </g>
        <path
          d="M187.724 48.9756C192.436 48.9756 196.625 50.7208 199.243 54.3857L199.592 50.2861H208.231V63.6357H199.243V63.4609C198.997 62.5294 198.548 61.6638 197.93 60.9248C197.311 60.1859 196.538 59.5913 195.665 59.1846C194.019 58.3335 192.195 57.8856 190.342 57.877C188.14 57.7698 185.982 58.5203 184.321 59.9707C183.855 60.3835 183.488 60.896 183.246 61.4697C183.004 62.0435 182.894 62.6643 182.925 63.2861C182.878 63.8472 182.955 64.4117 183.151 64.9395C183.347 65.4672 183.657 65.9454 184.059 66.3398C185.156 67.2443 186.488 67.8194 187.899 67.998L196.015 69.5684C200.639 70.4414 204.042 72.0114 206.224 74.1934C207.459 75.4931 208.421 77.0279 209.051 78.707C209.68 80.3862 209.965 82.1751 209.889 83.9668C209.921 86.0305 209.545 88.0808 208.781 89.998C208.017 91.9152 206.88 93.6614 205.437 95.1367C202.592 97.913 198.765 99.4511 194.791 99.4141C192.222 99.5076 189.667 98.9953 187.333 97.9189C184.999 96.8426 182.951 95.232 181.354 93.2178L181.005 98.0176H171.929V82.3096H181.266V82.4844C181.568 84.3407 182.455 86.0523 183.796 87.3711C184.84 88.396 186.084 89.1954 187.45 89.7207C188.816 90.246 190.276 90.4858 191.738 90.4248C193.941 90.5389 196.102 89.7877 197.759 88.3311C198.88 87.1905 199.507 85.654 199.504 84.0547C199.54 83.3336 199.427 82.6128 199.172 81.9375C198.917 81.262 198.524 80.6461 198.02 80.1289C196.681 78.9284 195.006 78.1671 193.222 77.9473L185.106 76.377C181.005 75.591 177.951 74.1076 175.857 72.1006C174.752 70.9399 173.889 69.5706 173.319 68.0723C172.75 66.5739 172.485 64.977 172.54 63.375C172.525 59.6098 173.963 55.9838 176.554 53.252C179.571 50.4158 183.584 48.8796 187.724 48.9756ZM142.872 48.9756C157.096 48.9756 167.654 60.1463 167.654 74.1953C167.654 88.5051 157.096 99.414 142.872 99.4141C128.822 99.4141 118.263 88.5072 118.263 74.1953C118.263 60.1453 128.909 48.9756 142.872 48.9756ZM373.157 48.9756C382.669 48.9757 389.126 54.822 389.126 64.4209V85.8877C389.086 86.2872 389.136 86.6911 389.271 87.0693C389.405 87.4474 389.622 87.7913 389.906 88.0752C390.19 88.359 390.534 88.576 390.912 88.7109C391.29 88.8458 391.693 88.8955 392.093 88.8555H394.885V98.0166H380.225V87.8066C379.505 89.6043 378.471 91.2599 377.171 92.6943C375.077 94.8516 372.565 96.5596 369.79 97.7148C367.015 98.8701 364.033 99.4485 361.027 99.4141C352.301 99.4141 346.28 93.8285 346.193 86.0615C346.194 75.94 354.745 72.6242 365.304 70.5303C370.888 69.3953 376.037 68.6967 378.305 66.4287C378.702 66.0641 379.018 65.6188 379.229 65.1221C379.439 64.6252 379.542 64.0884 379.527 63.5488C379.527 60.3209 377.084 57.79 370.888 57.79C363.646 57.7901 357.799 61.3679 357.014 65.4697V65.6436H348.462V50.2842H357.712V55.7822C361.289 51.1572 367.398 48.9756 373.157 48.9756ZM233.012 50.2852H247.41V59.4473H236.066C235.656 59.4078 235.241 59.4592 234.853 59.5986C234.464 59.7381 234.111 59.9621 233.819 60.2539C233.528 60.5458 233.303 60.8986 233.164 61.2871C233.025 61.6756 232.973 62.0902 233.013 62.501V81.7002C233.013 86.5001 235.892 89.292 241.04 89.292C242.959 89.292 246.101 88.8563 247.41 88.0713V97.6699C245.84 98.5419 242.612 98.9775 239.905 98.9775C229.259 98.9775 222.715 92.5211 222.715 81.7002V62.5C222.756 62.0962 222.708 61.6881 222.575 61.3047C222.442 60.9215 222.227 60.5719 221.945 60.2803C221.662 59.9896 221.318 59.764 220.938 59.6201C220.559 59.4763 220.153 59.4174 219.748 59.4473H213.728V50.2842H222.715V36.3232H233.012V50.2852ZM92.957 32.5703C106.92 32.5703 118.002 39.6391 118.002 53.1641C118.002 66.69 106.92 73.8447 92.957 73.8447H84.0566V85.8877C84.0262 86.2926 84.0856 86.6994 84.2295 87.0791C84.3735 87.4588 84.5993 87.803 84.8906 88.0859C85.1818 88.3687 85.5315 88.5839 85.915 88.7168C86.2988 88.8497 86.7074 88.8976 87.1113 88.8555H94.3525V98.0166H66.9531V88.8555H70.5312C70.9291 88.8883 71.3293 88.8337 71.7041 88.6963C72.079 88.5588 72.4198 88.3409 72.7021 88.0586C72.9843 87.7764 73.2014 87.4361 73.3389 87.0615C73.4764 86.6866 73.5309 86.2856 73.498 85.8877V44.7002C73.5309 44.3022 73.4764 43.9013 73.3389 43.5264C73.2014 43.1518 72.9843 42.8115 72.7021 42.5293C72.4198 42.2469 72.079 42.0291 71.7041 41.8916C71.3293 41.7542 70.9291 41.7006 70.5312 41.7334H66.9531V32.5703H92.957ZM318.703 48.9746C329 48.9747 335.544 55.0835 335.544 64.8564V85.8857C335.514 86.2907 335.573 86.6975 335.717 87.0771C335.861 87.4568 336.087 87.8001 336.378 88.083C336.669 88.3659 337.019 88.5818 337.402 88.7148C337.786 88.8478 338.194 88.8944 338.598 88.8525H341.304V98.0156H318.354V88.8535H322.107C322.707 88.9032 323.306 88.7547 323.813 88.4307C324.321 88.1065 324.707 87.6247 324.914 87.0596C325.052 86.6847 325.106 86.2836 325.073 85.8867V66.4268C325.073 60.9299 321.757 57.7891 316.347 57.7891C308.58 57.7892 303.519 63.3735 303.519 71.4014V85.8867C303.485 86.2844 303.539 86.6849 303.677 87.0596C303.814 87.4344 304.033 87.7748 304.315 88.0566C304.598 88.3387 304.938 88.5567 305.312 88.6943C305.687 88.8319 306.088 88.8858 306.486 88.8535H310.326V98.0156H286.241V88.8535H290.081C290.479 88.8865 290.88 88.8327 291.255 88.6953C291.63 88.5579 291.971 88.3409 292.253 88.0586C292.535 87.7762 292.753 87.4355 292.891 87.0605C293.028 86.6856 293.082 86.2847 293.049 85.8867V66.5146C293.049 61.018 289.732 57.7901 284.322 57.79C276.468 57.79 271.494 63.3741 271.494 71.5771V85.8867C271.454 86.2863 271.503 86.6901 271.638 87.0684C271.773 87.4465 271.99 87.7902 272.273 88.0742C272.557 88.3582 272.901 88.5759 273.279 88.7109C273.658 88.8459 274.061 88.8956 274.461 88.8555H278.213V98.0166H255.176V88.8555H257.969C258.577 88.9178 259.19 88.7771 259.711 88.4561C260.232 88.135 260.632 87.6508 260.85 87.0791C260.994 86.6991 261.053 86.2927 261.023 85.8877V62.5C261.062 62.0895 261.01 61.6754 260.871 61.2871C260.66 60.7021 260.26 60.2042 259.734 59.8711C259.209 59.538 258.588 59.3888 257.969 59.4473H255.176V50.2842H270.971V57.7012C273.675 52.3783 280.395 48.9747 286.765 48.9746C293.397 48.9746 298.982 52.2908 301.774 58.0498C303.676 55.3052 306.203 53.0513 309.146 51.4736C312.089 49.8959 315.364 49.0391 318.703 48.9746ZM456.317 71.9258L474.38 50.2852H488.516V59.4473H482.059C480.976 59.3953 479.897 59.6153 478.922 60.0879C477.946 60.5606 477.104 61.2712 476.474 62.1533L468.184 72.2754L481.012 86.3252C481.72 87.1525 482.606 87.8091 483.604 88.2471C484.601 88.685 485.684 88.8936 486.772 88.8555H490V98.0166H477.434L456.317 73.3223V85.8877C456.273 86.4977 456.43 87.1059 456.766 87.6172C457.102 88.1284 457.597 88.5147 458.175 88.7158C458.559 88.8488 458.967 88.8965 459.371 88.8555H462.948V98.0166H439.213V88.8555H442.878C443.278 88.8961 443.681 88.8466 444.06 88.7119C444.438 88.5772 444.782 88.3602 445.066 88.0762C445.35 87.7921 445.567 87.4477 445.702 87.0693C445.837 86.691 445.885 86.2872 445.845 85.8877V42.082C445.885 41.6826 445.835 41.2794 445.7 40.9014C445.565 40.5233 445.348 40.1793 445.064 39.8955C444.781 39.6118 444.437 39.3946 444.059 39.2598C443.681 39.125 443.277 39.0762 442.878 39.1162H439.213V29.9531H456.317V71.9258ZM433.106 48.9746C434.419 48.9627 435.721 49.1998 436.945 49.6729V59.6211C435.473 59.1856 433.943 58.9795 432.408 59.0107C424.292 59.0107 418.359 63.6349 418.359 72.7979V85.8867C418.315 86.4968 418.472 87.1049 418.808 87.6162C419.144 88.1275 419.639 88.5137 420.217 88.7148C420.601 88.8478 421.009 88.8945 421.413 88.8535H427.346V98.0156H401.255V88.8555H404.92C405.32 88.8961 405.723 88.8466 406.102 88.7119C406.48 88.5772 406.824 88.3602 407.108 88.0762C407.392 87.7921 407.609 87.4477 407.744 87.0693C407.879 86.691 407.927 86.2872 407.887 85.8877V62.5C407.935 62.0948 407.893 61.6835 407.763 61.2969C407.632 60.9103 407.416 60.5583 407.132 60.2656C406.848 59.973 406.502 59.7472 406.119 59.6055C405.736 59.4637 405.326 59.4094 404.92 59.4463H401.255V50.2842H417.923V59.0098C419.212 56.0479 421.333 53.5233 424.027 51.7422C426.722 49.9611 429.876 48.9995 433.106 48.9746ZM379.701 74.5439C377.607 76.2889 373.593 77.0744 369.754 77.8594C363.209 79.2554 356.926 80.5641 356.926 85.5391C356.926 88.6789 359.806 90.8612 363.645 90.8613C365.715 90.7985 367.753 90.3263 369.64 89.4727C371.527 88.619 373.226 87.4001 374.64 85.8867C377.675 82.864 379.479 78.8217 379.701 74.5439ZM142.872 58.3135C134.844 58.3135 129.172 65.1193 129.172 74.1953C129.172 83.2702 134.844 90.0771 142.872 90.0771C151.074 90.0771 156.746 83.2701 156.746 74.1953C156.746 65.1193 151.074 58.3135 142.872 58.3135ZM84.0566 64.2461H92.1719L92.1729 64.2471C101.422 64.2471 106.746 60.407 106.746 53.252C106.746 46.009 101.422 42.2559 92.1729 42.2559H84.0566V64.2461ZM213.578 4.49609C216.753 4.49615 220.195 6.84797 220.195 11.2598C220.195 15.6297 216.797 18.0253 213.578 18.0254C211.522 18.0254 209.778 17.1838 208.482 15.5459V21.7637H207.14C206.649 21.7635 206.246 21.3857 206.246 20.9238V4.79004H207.587C208.079 4.79004 208.482 5.16794 208.482 5.62988V7.10059C209.868 5.3359 211.522 4.49609 213.578 4.49609ZM249.792 4.49609C251.894 4.49609 253.637 5.29366 254.979 6.84766V5.62988C254.98 5.16794 255.381 4.79004 255.873 4.79004H257.214V15.4199C257.214 19.4528 254.666 21.7636 250.195 21.7637C247.946 21.7685 245.741 21.1271 243.846 19.915L244.427 18.9492C244.651 18.5292 245.187 18.4033 245.635 18.6553C247.007 19.4489 248.565 19.8686 250.15 19.873C253.235 19.8729 254.979 18.2768 254.979 15.4619V14.2852C253.593 15.9662 251.849 16.7637 249.792 16.7637C246.663 16.7637 243.31 14.6219 243.31 10.6719C243.31 6.80596 246.573 4.4961 249.792 4.49609ZM296.245 9.15918C296.915 9.57915 297.273 10.2519 297.273 10.9658C297.273 11.6798 296.871 12.3534 296.245 12.7734L282.206 21.4277V19.6211C282.207 19.334 282.281 19.0518 282.422 18.8018C282.563 18.5518 282.766 18.3424 283.011 18.1934L294.59 10.9658L283.011 3.69824C282.519 3.40423 282.206 2.8575 282.206 2.26953V0.589844L296.245 9.15918ZM156.798 0C160.42 0 162.521 1.42942 164.131 2.85742L163.147 3.82324C162.994 3.98679 162.783 4.08599 162.56 4.10156C162.336 4.11702 162.115 4.04765 161.94 3.90723C160.733 2.98323 159.034 2.0166 156.754 2.0166C152.775 2.01665 149.779 5.00024 149.779 8.99121C149.779 12.9401 152.819 16.0498 156.754 16.0498C158.989 16.0498 160.599 15.2522 162.074 14.0332C162.432 13.7812 162.968 13.7812 163.281 14.0752L164.22 14.957C162.655 16.469 160.42 18.1094 156.709 18.1094C151.389 18.1094 147.365 14.2011 147.365 9.0752C147.365 3.90724 151.433 7.40795e-05 156.798 0ZM228.511 4.58105C232.311 4.58105 234.413 6.42901 234.413 9.83301V17.7725H233.116C232.624 17.7725 232.222 17.3946 232.222 16.9326V16.0508C231.328 17.0167 229.852 18.0253 227.438 18.0254C224.935 18.0254 222.252 16.723 222.252 13.9082C222.252 11.2192 224.487 9.66406 228.198 9.66406H230.523V10.4629C230.521 10.5812 230.495 10.6981 230.445 10.8057C230.396 10.9131 230.325 11.0091 230.237 11.0879C230.149 11.1668 230.045 11.2267 229.933 11.2637C229.82 11.3005 229.702 11.3139 229.584 11.3027H228.377C225.963 11.3027 224.532 12.2692 224.532 13.8662C224.532 15.546 226.231 16.3027 227.841 16.3027C230.344 16.3027 232.266 14.8742 232.267 12.9834V9.91797C232.267 7.73298 230.881 6.55567 228.332 6.55566C227.036 6.55566 225.918 6.84963 224.979 7.18555C224.532 7.35455 223.996 7.14464 223.861 6.68164L223.414 5.71484C224.666 5.16887 226.32 4.5811 228.511 4.58105ZM93.4912 4.4541C96.308 4.45417 98.0071 5.75571 99.0801 6.84766L98.1846 7.77344C97.8725 8.10899 97.3354 8.1093 96.9775 7.81543C96.0386 7.0165 94.9671 6.38582 93.4473 6.38574C90.8093 6.38574 88.7071 8.48688 88.707 11.2178C88.707 13.9488 90.8531 16.0918 93.5801 16.0918C94.877 16.0918 96.0842 15.5881 97.1572 14.6631C97.3261 14.5207 97.5399 14.4424 97.7607 14.4424C97.9815 14.4424 98.1955 14.5207 98.3643 14.6631L99.2139 15.4189C98.0959 16.5959 96.3521 18.0243 93.4912 18.0244C89.5572 18.0244 86.4268 15.0408 86.4268 11.2598C86.4269 7.43688 89.5123 4.4541 93.4912 4.4541ZM138.11 4.49609C141.687 4.49626 144.369 7.01705 144.504 11.0078C144.499 11.3004 144.379 11.5797 144.17 11.7842C143.961 11.9887 143.678 12.1018 143.386 12.0996H135.696V11.3018C135.696 10.8399 136.098 10.462 136.59 10.4619H142.313C142.268 8.44502 140.882 6.34393 138.11 6.34375C135.875 6.34375 133.818 7.81493 133.818 11.2598C133.818 14.6627 136.009 16.1757 138.468 16.1758C139.854 16.1758 141.106 15.7139 142.179 14.8311C142.339 14.6889 142.546 14.6104 142.76 14.6104C142.974 14.6104 143.181 14.6889 143.341 14.8311L144.146 15.5039C142.536 17.1839 140.703 18.0244 138.379 18.0244C134.444 18.0244 131.493 15.1247 131.493 11.2598C131.493 7.39488 134.31 4.49609 138.11 4.49609ZM172.268 4.58008C176.068 4.58008 178.169 6.42803 178.169 9.83203V17.7725H176.873C176.381 17.7725 175.978 17.3936 175.978 16.9316V16.0498C175.084 17.0157 173.609 18.0243 171.195 18.0244C168.691 18.0244 166.008 16.7221 166.008 13.9072C166.008 11.2182 168.244 9.66309 171.955 9.66309H174.28V10.4619C174.278 10.5802 174.251 10.6971 174.202 10.8047C174.153 10.912 174.082 11.0082 173.994 11.0869C173.906 11.1658 173.802 11.2257 173.689 11.2627C173.577 11.2996 173.458 11.3128 173.341 11.3018H172.134C169.719 11.3018 168.289 12.2683 168.289 13.8652C168.289 15.545 169.988 16.3017 171.597 16.3018C174.1 16.3018 176.023 14.8732 176.023 12.9824V9.91699C176.023 7.732 174.637 6.55469 172.089 6.55469C170.792 6.55471 169.675 6.84865 168.736 7.18457C168.289 7.35357 167.752 7.14366 167.618 6.68066L167.171 5.71387C168.423 5.1679 170.077 4.58015 172.268 4.58008ZM103.416 0.209961C103.908 0.209969 104.31 0.587898 104.311 1.0498V4.79004H107.708C108.2 4.79004 108.602 5.16794 108.603 5.62988V6.68066H104.311V13.9912C104.311 15.3361 104.981 16.0078 106.457 16.0078C107.127 16.0078 107.887 15.7978 108.558 15.5039L108.603 17.4346C107.798 17.8545 106.859 18.0234 105.875 18.0234C103.685 18.0234 102.075 16.3011 102.075 14.3262V0.209961H103.416ZM76.0996 0.210938C76.7696 0.210938 77.2161 0.336842 77.6201 1.09277L85.667 17.7725H84.3701C83.6101 17.7725 82.9399 17.3527 82.6709 16.7227L76.0986 2.8584L72.0762 11.2607H78.4688V12.3945C78.4688 12.8575 78.0671 13.2352 77.5752 13.2354H71.1816L69.4824 16.7646C69.1694 17.3526 68.4991 17.7724 67.7842 17.7725H66.5762L74.624 1.05078C74.937 0.337042 75.4288 0.210985 76.0996 0.210938ZM113.208 4.79004C113.699 4.79004 114.101 5.16794 114.102 5.62988V17.7725H112.76C112.224 17.7723 111.822 17.3936 111.866 16.9316V4.79004H113.208ZM117.902 4.79004C118.662 4.79017 119.333 5.21009 119.601 5.83984L123.625 14.873L127.648 5.83984C127.917 5.21009 128.587 4.79016 129.347 4.79004H130.554L124.921 16.9316C124.698 17.4356 124.161 17.7724 123.58 17.7725C122.999 17.7725 122.462 17.4356 122.239 16.9316L116.65 4.79004H117.902ZM197.394 4.49609C200.568 4.49609 202.535 6.51205 202.491 9.74805V17.7725H201.149C200.658 17.7725 200.255 17.3936 200.255 16.9316V10.21C200.255 7.81514 199.003 6.46991 196.857 6.46973C195.069 6.46973 193.236 7.64698 193.236 10.2939V17.7725H191.895C191.403 17.7722 191.001 17.3935 191.001 16.9316V10.168C191.001 7.85716 189.749 6.46993 187.647 6.46973C185.501 6.46973 183.981 8.10797 183.981 10.3779V16.9316C183.981 17.3936 183.579 17.7725 183.087 17.7725H181.746V4.79004H183.087C183.579 4.79004 183.981 5.16794 183.981 5.62988V6.6377C184.831 5.54584 186.039 4.49609 188.229 4.49609C190.196 4.49624 191.716 5.37784 192.61 6.93164C193.817 5.29403 195.382 4.49621 197.394 4.49609ZM239.241 4.79004C239.733 4.79015 240.135 5.168 240.135 5.62988V17.7725H238.794C238.302 17.7724 237.9 17.3936 237.9 16.9316V4.79004H239.241ZM267.676 4.49609C270.94 4.49609 272.996 6.55508 272.952 9.70508V17.7725H271.61C271.118 17.7725 270.716 17.3936 270.716 16.9316V10.21C270.716 7.85698 269.375 6.46973 267.095 6.46973C264.77 6.46985 263.16 8.06606 263.16 10.3359V16.9316C263.16 17.3936 262.758 17.7725 262.266 17.7725H260.925V4.79004H262.266C262.758 4.79004 263.16 5.16794 263.16 5.62988V6.72168C264.233 5.25192 265.753 4.49615 267.676 4.49609ZM213.221 6.42773C210.851 6.42788 208.437 8.23503 208.437 11.2598C208.437 14.2846 210.851 16.0916 213.221 16.0918C215.948 16.0918 217.87 14.1168 217.87 11.2598C217.87 8.48788 215.903 6.42773 213.221 6.42773ZM250.105 6.42773C247.469 6.42773 245.545 8.19294 245.545 10.6299C245.545 13.0669 247.512 14.873 250.105 14.873C252.52 14.8728 254.979 13.2767 254.979 10.6299C254.979 7.98313 252.52 6.42794 250.105 6.42773ZM282.206 6.80664C282.206 6.26083 282.877 5.9668 283.324 6.26074L290.656 10.9248L289.673 11.5547C289.362 11.7403 289.007 11.8389 288.645 11.8389C288.282 11.8389 287.927 11.7402 287.616 11.5547L286.006 10.5889L282.206 8.19434V6.80664ZM113.208 0.209961C113.699 0.209965 114.101 0.587896 114.102 1.0498V2.31152H112.76C112.269 2.3114 111.866 1.93261 111.866 1.47168V0.209961H113.208ZM239.286 0.209961C239.778 0.210031 240.18 0.587936 240.18 1.0498V2.31152H238.839C238.347 2.31145 237.945 1.93264 237.945 1.47168V0.209961H239.286Z"
          fill="white"
        />
      </g>
      <defs>
        <clipPath id="clip0_1132_10">
          <rect width="490" height="107" fill="white" />
        </clipPath>
      </defs>
    </svg>
  ),
};

const items = [
  {
    href: '/docs/integrations/resend',
    logo: <Logos.resend />,
  },
  {
    href: '/docs/integrations/sendgrid',
    logo: <Logos.sendgrid />,
  },
  {
    href: '/docs/integrations/aws-ses',
    logo: <Logos.ses />,
  },
  {
    href: '/docs/integrations/postmark',
    logo: <Logos.postmark />,
  },
];

export default IntegrationSection;
